
`<template>
	<view class="Mainbody">

		<view class="numb_nav">
			<view :class="['nav_te',Inv==0?'nav_tes':'']" @click="Inv=0"><text>全部</text></view>
			<view :class="['nav_te',Inv==1?'nav_tes':'']" @click="Inv=1"><text>待付款</text></view>
			<view :class="['nav_te',Inv==2?'nav_tes':'']" @click="Inv=2"><text>待使用</text></view>
			<view :class="['nav_te',Inv==3?'nav_tes':'']" @click="Inv=3"><text>已完成</text></view>
			<!-- 	<view :class="['nav_te',Inv==4?'nav_tes':'']" @click="Inv=4"><text>待评价</text></view> -->
		</view>

		<!-- 弹出层 -->

		<uni-popup ref="popup" type="center">
			<view class="showProp">
				<view class="showtitle">请选择付款方式</view>
				<view class="uni-list">
					<radio-group @change="radioChange" class="payList">
						<label class="radio">
							<radio value="2" :checked="canPay" style="font-size: 28rpx;" />微信支付</label>
						<label class="radio">
							<radio value="1" style="font-size: 28rpx;" :checked="!canPay" :disabled="canPay" />账户余额支付 <text style="font-size: 20rpx; color: #999999;">(￥{{Number(money).toFixed(2)}})</text></label>

					</radio-group>
				</view>
				<view class="sub">
					<!-- 	<button type="default" @click="cancel">取消</button> -->
					<button type="primary" @click="deter">确定</button>
				</view>
			</view>
		</uni-popup>

		<!-- 全部订单 -->
		<view class="tab_numb" v-show="Inv == 0">
			<view v-for="item in allList" :key="item.id" class="aboutALL">
				<!-- 头部 -->
				<view @click="go(item.id)" class="head">
					<!-- 商品图片+名字+箭头 -->
					<view class="goodsname">
						<image class="headimg" :src="item.logo" mode=""></image>
						<view class="headname">
							<view class="headarrow">
								<text style="color:#333333;font-size:24rpx;margin-right: 10rpx;">{{item.merchantName}}</text>
								<image src="https://obs-4a40.obs.cn-southwest-2.myhuaweicloud.com/shop/rightarrow.png" mode=""></image>
							</view>
							<view class="time">
								<text>{{item.createTime}}</text>
							</view>
						</view>
					</view>
					<view class="changesuccess">
						<text class="headok">{{stateWait[item.state]}}</text>
					</view>
				</view>
				<!-- 内容 -->
				<view class="goodscont">
					<view class="contname">
						<view>
							<text class="contmain">{{item.explains}}详情</text>
							<text style="font-size: 24rpx;color: #999999;">x1</text>
						</view>
						<view>
							<text class="money">￥{{Number(item.userMoney).toFixed(2)}}</text>
						</view>
					</view>
				</view>
				<!-- 支付 -->
				<view class="pay">
					<!-- 总价 -->
					<view class="allmoney">
						<view style="margin-right: 15rpx;">
							<text>总价: ￥{{Number(item.money).toFixed(2)}}</text>
						</view>
						<view style="margin-right: 40rpx;">
							<text>优惠: ￥{{Number(item.cashBonus).toFixed(2)}}</text>
						</view>
						<view style="margin-right: 46rpx;">
							<text>实付款:</text>
						</view>
						<view>
							<text>￥</text>
							<text style="color: #FF6633;font-size: 28rpx;">{{Number(item.userMoney).toFixed(2)}}</text>
						</view>
					</view>

					<view class="goodstalk" v-if='item.state == 4'>
						<text style="color: #FEC200;,font-weight: 28px;">评价</text>
					</view>
					<view class="topay" v-else-if='item.state == 0'>
						<view class="goodstalkt1" @click="toclose(item.id)">取消订单
						</view>
						<view class="goodstalkt1 goodstalkt2" @click="open(item.userMoney,item.id)">立即支付
						</view>
					</view>
					<view class="topay" v-else-if='item.state == 2'>
						<view class="goodstalkt1 goodstalkt2" style="width: 150rpx;;">订单已关闭
						</view>
					</view>
					<view class="topay" v-else>
						<view class="goodstalkt1 goodstalkt3" @click="getback(item.id)">退款
						</view>
						<view @click="tovol(item.id)" class="goodstalkt1 goodstalkt2">立即使用
						</view>
					</view>

				</view>
			</view>
		</view>

		<!-- 待付款订单 -->
		<view class="tab_numb" v-show="Inv == 1">
			<view v-for="item in waitList" :key="item.id" class="aboutALL">
				<!-- 头部 -->
				<view class="head">
					<!-- 商品图片+名字+箭头 -->
					<view class="goodsname">
						<image class="headimg" :src="item.logo" mode=""></image>
						<view class="headname">
							<view class="headarrow">
								<text style="color:#333333;font-size:24rpx;margin-right: 10rpx;">{{item.merchantName}}</text>
								<!-- 	<image src="https://obs-4a40.obs.cn-southwest-2.myhuaweicloud.com/shop/rightarrow.png" mode=""></image> -->
							</view>
							<view class="time">
								<text>{{item.createTime}}</text>
							</view>
						</view>
					</view>
					<view class="changesuccess">
						<text class="headok">{{stateWait[item.state]}}</text>
					</view>
				</view>
				<!-- 内容 -->
				<view class="goodscont">
					<view class="contname">
						<view>
							<text class="contmain">{{item.explains}}详情</text>
							<text style="font-size: 24rpx;color: #999999;">x1</text>
						</view>
						<view>
							<text class="money">￥{{Number(item.userMoney).toFixed(2)}}</text>
						</view>
					</view>
				</view>
				<!-- 支付 -->
				<view class="pay">
					<view class="allmoney">
						<view style="margin-right: 15rpx;">
							<text>总价: ￥{{Number(item.money).toFixed(2)}}</text>
						</view>
						<view style="margin-right: 40rpx;">
							<text>优惠: ￥{{Number(item.cashBonus).toFixed(2)}}</text>
						</view>
						<view style="margin-right: 46rpx;">
							<text>实付款:</text>
						</view>
						<view>
							<text>￥</text>
							<text style="color: #FF6633;font-size: 28rpx;">{{Number(item.userMoney).toFixed(2)}}</text>
						</view>
					</view>
					<view class="topay">
						<view @click="toclose(item.id)" class="goodstalkt1">取消订单
						</view>
						<view class="goodstalkt1 goodstalkt2" @click="open(item.userMoney,item.id)">立即支付
						</view>
					</view>
				</view>
			</view>

			<view class="like" style="width: 100%;">
				<view class="liketitle">
					<image class="liketitle-img" src="https://obs-4a40.obs.cn-southwest-2.myhuaweicloud.com/shop/left.png" mode=""></image>
					<text style="color: #FFC30E;font-size: 28rpx;margin-left: 10rpx;margin-right: 10rpx;">你可能还喜欢</text>
					<image class="liketitle-img" src="https://obs-4a40.obs.cn-southwest-2.myhuaweicloud.com/shop/right.png" mode=""></image>
				</view>

				<view class="likegoods">
					<view class="zy_content">
						<view v-for="item in contentlist" :key="item" class="zy_card">
							<image @tap="touch_card" :data-id="item.id" :src="item.images" :key="item" @click="godetails(item.id)" mode="widthFix"></image>
							<view @tap="touch_card" :data-id="citem.id" class="zy_bottom_view">
								<text class="zy_title">{{item.commodityName}}</text>
								<text class="zy_money">¥ {{item.currentPrice}}</text>
								<text class="zy_old">¥ {{item.originalPrice}}</text>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>

		<!-- 待使用订单 -->
		<view class="tab_numb" v-show="Inv == 2">
			<view v-for="item in useList" :key="item.id" class="aboutALL">
				<!-- 头部 -->
				<view @click="go(item.id)" class="head">
					<!-- 商品图片+名字+箭头 -->
					<view class="goodsname">
						<image class="headimg" :src="item.logo" mode=""></image>
						<view class="headname">
							<view class="headarrow">
								<text style="color:#333333;font-size:24rpx;margin-right: 10rpx;">{{item.merchantName}}</text>
								<image src="https://obs-4a40.obs.cn-southwest-2.myhuaweicloud.com/shop/rightarrow.png" mode=""></image>
							</view>
							<view class="time">
								<text>{{item.createTime}}</text>
							</view>
						</view>
					</view>
					<view class="changesuccess">
						<text class="headok">{{stateWait[item.state]}}</text>
					</view>
				</view>
				<!-- 内容 -->
				<view class="goodscont">
					<view class="contname">
						<view>
							<text class="contmain">{{item.explains}}详情</text>
							<text style="font-size: 24rpx;color: #999999;">x1</text>
						</view>
						<view>
							<text class="money">￥{{Number(item.userMoney).toFixed(2)}}</text>
						</view>
					</view>
				</view>
				<!-- 支付 -->
				<view class="pay">
					<view class="allmoney">
						<view style="margin-right: 15rpx;">
							<text>总价: ￥{{Number(item.money).toFixed(2)}}</text>
						</view>
						<view style="margin-right: 40rpx;">
							<text>优惠: ￥{{Number(item.cashBonus).toFixed(2)}}</text>
						</view>
						<view style="margin-right: 46rpx;">
							<text>实付款:</text>
						</view>
						<view>
							<text>￥</text>
							<text style="color: #FF6633;font-size: 28rpx;">{{Number(item.userMoney).toFixed(2)}}</text>
						</view>
					</view>
					<view class="topay">
						<view class="goodstalkt1 goodstalkt3" @click="getback(item.id)">退款
						</view>
						<view @click="tovol(item.id)" class="goodstalkt1 goodstalkt2">立即使用
						</view>
					</view>

				</view>
			</view>

			<view class="like" style="width: 100%;">
				<view class="liketitle">
					<image class="liketitle-img" src="https://obs-4a40.obs.cn-southwest-2.myhuaweicloud.com/shop/left.png" mode=""></image>
					<text style="color: #FFC30E;font-size: 28rpx;margin-left: 10rpx;margin-right: 10rpx;">你可能还喜欢</text>
					<image class="liketitle-img" src="https://obs-4a40.obs.cn-southwest-2.myhuaweicloud.com/shop/right.png" mode=""></image>
				</view>
				<view class="likegoods">
					<view class="zy_content">
						<view v-for="item in contentlist" :key="item" class="zy_card">
							<image @tap="touch_card" :data-id="item.id" :src="item.images" :key="item" @click="godetails(item.id)" mode="widthFix"></image>
							<view @tap="touch_card" :data-id="citem.id" class="zy_bottom_view">
								<text class="zy_title">{{item.commodityName}}</text>
								<text class="zy_money">¥ {{item.currentPrice}}</text>
								<text class="zy_old">¥ {{item.originalPrice}}</text>
							</view>
						</view>
					</view>
				</view>
			</view>



		</view>

		<!-- 已完成订单 -->
		<view class="tab_numb" v-show="Inv == 3">
			<view v-for="item in sussList" :key="item.id" class="aboutALL">
				<!-- 头部 -->
				<view @click="go(item.id)" class="head">
					<!-- 商品图片+名字+箭头 -->
					<view class="goodsname">
						<image class="headimg" :src="item.logo" mode=""></image>
						<view class="headname">
							<view class="headarrow">
								<text style="color:#333333;font-size:24rpx;margin-right: 10rpx;">{{item.merchantName}}</text>
								<image src="https://obs-4a40.obs.cn-southwest-2.myhuaweicloud.com/shop/rightarrow.png" mode=""></image>
							</view>
							<view class="time">
								<text>{{item.createTime}}</text>
							</view>
						</view>
					</view>
					<view class="changesuccess">
						<text class="headok">{{stateWait[item.state]}}</text>
					</view>
				</view>
				<!-- 内容 -->
				<view class="goodscont">
					<view class="contname">
						<view>
							<text class="contmain">{{item.explains}}详情</text>
							<text style="font-size: 24rpx;color: #999999;">x1</text>
						</view>
						<view>
							<text class="money">￥{{Number(item.userMoney).toFixed(2)}}</text>
						</view>
					</view>
				</view>
				<!-- 支付 -->
				<view class="pay">
					<view class="allmoney">
						<view style="margin-right: 15rpx;">
							<text>总价: ￥{{Number(item.money).toFixed(2)}}</text>
						</view>
						<view style="margin-right: 40rpx;">
							<text>优惠: ￥{{Number(item.cashBonus).toFixed(2)}}</text>
						</view>
						<view style="margin-right: 46rpx;">
							<text>实付款:</text>
						</view>
						<view>
							<text>￥</text>
							<text style="color: #FF6633;font-size: 28rpx;">{{Number(item.userMoney).toFixed(2)}}</text>
						</view>
					</view>
					<!-- <view class="goodstalk">
						<text style="color: #FEC200;,font-size: 28rpx;">评价</text>
					</view> -->
				</view>
			</view>

			<view class="like" style="width: 100%;">
				<view class="liketitle">
					<image class="liketitle-img" src="https://obs-4a40.obs.cn-southwest-2.myhuaweicloud.com/shop/left.png" mode=""></image>
					<text style="color: #FFC30E;font-size: 28rpx;margin-left: 10rpx;margin-right: 10rpx;">你可能还喜欢</text>
					<image class="liketitle-img" src="https://obs-4a40.obs.cn-southwest-2.myhuaweicloud.com/shop/right.png" mode=""></image>
				</view>

				<view class="likegoods">
					<view class="zy_content">
						<view v-for="item in contentlist" :key="item" class="zy_card">
							<image @tap="touch_card" :data-id="item.id" :src="item.images" :key="item" @click="godetails(item.id)" mode="widthFix"></image>
							<view @tap="touch_card" :data-id="citem.id" class="zy_bottom_view">
								<text class="zy_title">{{item.commodityName}}</text>
								<text class="zy_money">¥ {{item.currentPrice}}</text>
								<text class="zy_old">¥ {{item.originalPrice}}</text>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
	</view>
	</view>
</template>

<script>
	import uniPopup from '../../components/uni-popup/uni-popup.vue'
	export default {
		components: {
			uniPopup
		},

		props: {
			flowlist: {
				type: Array
			}
		},
		computed: {
			canPay() {
				return this.curUserMoney > this.money //  调试完了吧这个放开
			}
		},
		data() {
			return {
				Inv: 0,
				allList: [],
				contentlist: [],
				waitList: [],
				useList: [],
				sussList: [],
				state: '',
				stateWait: {
					0: '未付款',
					1: '已付款',
					2: '已取消',
					3: '已退款',
					4: '已完成',
					6: '退款中'
				},
				curntpage: 1, //加载页数
				allPage: '', //数据总页数
				money: 0, //这个钱是当前的账户余额
				curUserMoney: 0,
				payType: 1,
				payId: '',
			}
		},

		onLoad() {
			this.getAllList()
			this.getWait()
			this.getUse()
			this.getSuss()
			this.getRecommend()
		},

		methods: {
			open(userMoney, id) {
				this.payId = id
				console.log(id)
				this.curUserMoney = userMoney
				this.$refs.popup.open()
				const requestMoney = {
					url: `/api/account/accountMoney`,
					method: "post",
					callBack: (res) => {
						this.text = 'request success';
						this.money = JSON.stringify(res.data.sumMoney)
						// console.log(this.money);
					}
				}
				this.$http.request(requestMoney)
			},

			radioChange: function(evt) {
				this.payType = evt.detail.value
			},

			onPullDownRefresh() {
				// 刷新初始化数据
				this.size = 10
				this.current = 1
				// 调用获取数据的函数
				this.getAllList()
				this.getWait()
				this.getUse()
				this.getSuss()
				// 关闭刷新动画
				setTimeout(function() {
					uni.stopPullDownRefresh()
				}, 1000)
			},

			// 上拉加载
			onReachBottom() {
				console.log('触底')
				console.log(this.curntpage)
				console.log(this.allPage)
				if (this.curntpage == this.allPage) {
					console.log('当前访问页面已经到最后一页')
					uni.showToast({
						title: '当前访问页面已经到最后一页',
						icon: "none",
					})

				} else {
					this.curntpage++
					setTimeout(() => {
						// 调用请求数据的方法
						this.getAllList()
						this.getWait()
						this.getUse()
						this.getSuss()
					}, 300)
				}
			},

			// 请求全部订单数据
			getAllList() {
				const requestGetall = {
					url: `/api/order/list/0`,
					method: "post",
					data: {
						type: 0,
						isLike: 0,
						current: this.curntpage,
						size: 10
					},
					callBack: (res) => {
						if (res.code == 200) {
							this.text = 'request success';
							this.allList = this.allList.concat(res.data.records)
							this.state = res.data.records.state
							// console.log(this.allList)
						}
					}
				}
				this.$http.request(requestGetall)
			},

			// 请求待付款数据
			getWait() {
				const requestWait = {
					url: `/api/order/list/0`,
					method: "post",
					data: {
						type: 0,
						isLike: 1,
						current: 1,
						size: 10
					},
					callBack: (res) => {
						if (res.code == 200) {
							this.text = 'request success';
							this.waitList = res.data.records
							this.waitList.state = 0
							// console.log(this.waitList)
						}
					}
				}
				this.$http.request(requestWait)
			},

			// 请求待使用数据
			getUse() {
				const requestUse = {
					url: `/api/order/list/1`,
					method: "post",
					data: {
						type: 1,
						isLike: 1,
						current: 1,
						size: 10
					},
					callBack: (res) => {
						if (res.code == 200) {
							this.text = 'request success';
							this.useList = res.data.records
							// console.log(this.useList)
						}
					}
				}
				this.$http.request(requestUse)
			},

			// 请求已完成数据
			getSuss() {
				const requestSuss = {
					url: `/api/order/list/4`,
					method: "post",
					data: {
						type: 4,
						isLike: 1,
						current: 1,
						size: 10
					},
					callBack: (res) => {
						if (res.code == 200) {
							this.text = 'request success';
							this.sussList = res.data.records
							console.log(this.useList)
						}
					}
				}
				this.$http.request(requestSuss)
			},

			// 结算支付
			deter() {
				if (this.canPay == true) {
					console.log(122)
					this.payType = 2
				}
				if (this.payType == 1) {
					const requestYue = {
						url: `/api/weChatPayToCourseT1/${this.payId}/1`,
						method: "get",
						callBack: (res) => {
							this.text = 'request success';
							if (res.data.state == 200) {
								this.$refs.popup.close()
								uni.showToast({
									title: '订单支付成功',
									duration: 2500
								})
								setTimeout(() => {
									uni.navigateTo({
										url: './Noevaluated?orid=' + this.payId
									})
								}, 3000)

							} else {
								uni.showToast({
									title: '订单支付失败',
									duration: 2500
								})
							}
						}
					}
					this.$http.request(requestYue)
				} else {
					const requestWeixin = {
						url: `/api/weChatPayToCourseT1/${this.payId}/2`,
						method: "get",
						callBack: (res) => {
							wx.requestPayment({
								timeStamp: res.data.timeStamp,
								nonceStr: res.data.nonceStr,
								package: "prepay_id=" + res.data.prepayId,
								signType: 'MD5',
								paySign: res.data.paySign,
								success(res) {
									console.log("成功", res)
									setTimeout(() => {
										uni.navigateTo({
											url: './Noevaluated?orid=' + this.payId
										})
									}, 2000)
								},
								fail(res) {
									console.log("失败", res)
								}
							})
						}
					}
					this.$http.request(requestWeixin)
				}
			},

			// 取消订单
			toclose(id) {
				uni.showModal({
					title: "取消订单",
					content: "您确定要取消订单吗",
					cancelText: '取消',
					confirmText: '确定',
					success: res => {
						const requestCanel = {
							url: `/api/order/cancelOrder/${id}`,
							method: "post",
							callBack: (res) => {
								if (res.code == 200) {
									this.text = 'request success';
									if (res.date == true) {
										uni.showModal({
											title: '取消成功',
											duration: 2000,
										})
										this.getWait()
										this.getAllList()
									} else {
										uni.showModal({
											title: '取消失败',
											duration: 2000,
										})
									}
								}
							}
						}
						this.$http.request(requestCanel)
					}
				})
			},

			// 退款
			getback(id) {
				uni.showModal({
					title: "退款",
					content: "您确定要退款吗",
					cancelText: '取消',
					confirmText: '确定',
					success: res => {
						console.log(555)
						const requestClose = {
							url: `/api/order/save`,
							method: "post",
							data: {
								id: id,
								state: 6
							},
							callBack: (res) => {
								console.log(555)
								if (res.code == 200) {
									uni.showModal({
										title: "已提交退款申请",
										duration: 2500,
									})
								} else {
									uni.showModal({
										title: "退款申请失败",
										duration: 2500,
									})
								}
							}
						}
						this.$http.request(requestClose)
					}
				})

			},

			changeTab(Inv) {
				that.navIdx = Inv;
			},

			// 商品随机推荐
			getRecommend() {
				const requestRecommend = {
					url: `/api/commodity/randomCommodity/1/2`,
					method: "get",
					callBack: (res) => {
						this.text = 'request success';
						this.contentlist = res.data
					}
				}
				this.$http.request(requestRecommend)
			},

			// 订单详情页
			go(e) {
				uni.navigateTo({
					url: './Noevaluated?orid=' + e,
				})
			},

			godetails(id) {
				uni.navigateTo({
					url: '../allbuy/Hotdetails?sid=' + id
				})
			},

			// 立即使用券码页
			tovol(id) {
				uni.navigateTo({
					url: './My_volume?derid=' + id
				})
			},

			showcontent() {
				const index = this.contentlist.reduce(function(total, current) {
					return total + current.list.length
				}, 0);
				if (index > this.flowlist.length - 1) {
					this.$emit('flowend')
					return
				};
				const query = uni.createSelectorQuery().in(this);
				let flag = 0;
				query.selectAll('#zy_column_view').boundingClientRect(data => {
					flag = data[0].bottom - data[1].bottom < 0 ? 0 : 1;
					this.contentlist[flag].list.push(this.flowlist[index])
				}).exec()
			},
			//卡片点击事件
			touch_card(e) {
				this.$emit('flowtap', e.currentTarget.dataset.id)
			},
			//初始化
			zyinit() {
				this.contentlist = [{
					list: []
				}, {
					list: []
				}];
				setTimeout(() => {
					this.showcontent();
				}, 0)
			}
		},

		mounted() {
			if (this.flowlist.length) {
				setTimeout(() => {
					this.zyinit()
				}, 200)
			}
		}
	}
</script>

<style>
	.showProp {
		width: 600rpx;
		height: 320rpx;
		background-color: white;
		border-radius: 10rpx;
	}

	.showProp .showtitle {
		color: #333333;
		font-size: 34rpx;
		font-weight: bold;
		height: 70rpx;
		line-height: 70rpx;
		text-align: center;
		border-bottom: 4rpx solid #F1F1F1;
	}

	.payList {
		display: flex;
		flex-direction: column;
		line-height: 60rpx;
	}

	.uni-list {
		padding: 20rpx;
	}

	.sub {
		width: 600rpx;
	}

	.sub button {
		width: 600rpx;
		background-color: #FEC200;
		border: none;
	}

	.Mainbody {
		background-color: #F1F1F1;
		width: 100%;
		/* height: 100vh; */
	}

	.Mainbody .numb_nav {
		display: flex;
		position: fixed;
		top: 0;
		z-index: 2;
		justify-content: space-around;
		background-color: #FFFFFF;
		width: 100%;
		height: 80rpx;
		line-height: 80rpx;
		color: #333333;
		font-size: 28rpx;
		border-bottom: 2rpx solid #F1F1F1;
	}

	.Mainbody .numb_nav .nav_tes text {
		color: #333333;
		font-weight: bold;
		border-bottom: 2px solid #FFC300;
	}

	.tab_numb .head {
		display: flex;
		justify-content: space-between;
		padding: 20rpx;
		height: 80rpx;
		position: relative;
		border-bottom: 2rpx solid #F1F1F1;
	}

	.tab_numb {
		margin-top: 80rpx;
	}

	.head .headimg {
		width: 80rpx;
		height: 80rpx;
		margin-right: 20rpx;
	}

	.goodsname {
		display: flex;
	}

	.changesuccess {
		color: #333333;
		font-size: 24rpx;
		line-height: 34rpx;
	}

	.headname .time {
		font-size: 20rpx;
		color: #333333;
		display: block;
		font-weight: lighter;
		margin-top: 10rpx;
	}

	.headname .headarrow {
		display: flex;
	}

	.headname image {
		width: 20rpx;
		height: 33rpx;
	}

	.goodscont .contname {
		display: flex;
		justify-content: space-between;
	}

	.goodscont .money {
		color: #333333;
		font-size: 24rpx;
	}

	.goodscont {
		position: relative;
		height: 170rpx;
		border-bottom: 1px solid #F1F1F1;
		padding: 20rpx 20rpx 16rpx 22rpx;
	}

	.goodscont .contmain {
		color: #000000;
		font-size: 24rpx;
		font-weight: bold;
		margin-right: 20rpx;
	}

	.aboutALL {
		height: 470rpx;
		background-color: #FFFFFF;
		margin: 20rpx;
		border-radius: 10rpx;
		position: relative;
	}

	.aboutALL .pay {
		height: 102rpx;
		padding: 20rpx;
		position: relative;
	}

	.pay .topay {
		display: flex;
		flex-direction: row;
		position: absolute;
		bottom: 20rpx;
		right: 20rpx;
	}

	.topay .goodstalkt1 {
		font-size: 28rpx;
		color: #999999;
		border: 1px solid #999999;
		border-radius: 10rpx;
		width: 139rpx;
		height: 45rpx;
		line-height: 45rpx;
		text-align: center;
		display: inline-block;
	}

	.topay .goodstalkt3 {
		width: 80rpx;
	}

	.topay .goodstalkt2 {
		margin-left: 10rpx;
		color: #FEC200;
		border: 1px solid #FEC200;
	}

	.allmoney {
		display: flex;
		justify-content: center;
		float: right;
		margin-right: 20rpx;
	}

	.pay .allmoney text {
		font-size: 20rpx;
		color: #333333;
	}

	.conent {
		margin-left: 40rpx;
	}

	.goodstalk {
		width: 106rpx;
		height: 45rpx;
		border: 2rpx solid rgba(254, 194, 0, 1);
		border-radius: 10rpx;
		line-height: 45rpx;
		text-align: center;
		position: absolute;
		bottom: 20rpx;
		right: 20rpx;
	}

	.liketitle-img {
		width: 48rpx;
		height: 4rpx;
		margin-bottom: 4rpx;
	}

	.liketitle {
		margin-left: 32%;
	}

	.zy_content {
		width: 100%;
		height: 100%;
		background-color: #f6f6f6;
		position: relative;
		display: flex;
		box-sizing: border-box;
		padding: 0 20rpx;
		flex-wrap: wrap;
		justify-content: space-between;
		box-sizing: border-box;
		margin-top: 20rpx;
	}

	.zy_card {
		width: 344rpx;
		background-color: #fefefe;
		border-radius: 10rpx;
		overflow: hidden;
		box-shadow: 1px 1px 5px gray;
		margin-top: 20rpx;
	}

	.zy_content .zy_card image {
		width: 344rpx;
		height: 352rpx !important;
		margin-bottom: 5rpx;
	}

	/* 底部卡片内容 */
	.zy_bottom_view {
		width: 100%;
		min-height: 100rpx;
		background-color: #fff;
		margin-bottom: 15rpx;
	}

	.zy_title {
		display: inline-block;
		width: 90%;
		max-height: 70rpx;
		margin-left: 5%;
		margin-top: 10rpx;
		font-size: 26rpx;
		font-weight: bold;
		color: #252525;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.zy_money {
		display: block;
		width: 90%;
		margin-left: 5%;
		margin-top: 52rpx;
		color: #f35d3c;
		font-size: 32rpx;
		font-weight: bold;
	}

	.zy_old_money {
		display: block;
		width: 90%;
		margin-left: 40%;
		color: #acacac;
		font-size: 20rpx;
		margin-top: -30rpx;
	}

	.zy_old {
		display: block;
		width: 90%;
		margin-left: 40%;
		color: #acacac;
		font-size: 20rpx;
		margin-top: -30rpx;
		text-decoration: line-through;
	}
	
	.likegoods{
		margin-bottom: 30rpx;
	}
</style>
